<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>E总管-社区</title>
		<link rel="stylesheet" href="src/css/bootstrap.min.css" />
		<link rel="stylesheet" href="src/css/bootstrapValidator.min.css" />
		<link rel="stylesheet" href="src/swiper/swiper-3.4.2.min.css" />
		<link rel="stylesheet" href="public/css/my_style.css" />
		<link rel="stylesheet" href="public/css/header.css" />
		<link rel="stylesheet" href="public/css/footer.css" />
		<link rel="stylesheet" href="css/community.css" />
	</head>

	<body>
		<div id="app" v-cloak>
			<m_header p_type='2' :user_info="infos"></m_header>
			<!--主体-->
			<div class="main my_container">
				<!--左侧信息-->
				<div class="my_info">
					<div class="text-center">
						<img  :src="(infos.user.isLogin && infos.user.HeadImg) ? (host+infos.user.HeadImg) : 'imgs/icon.jpg'" onerror="globalData.utils.imgLoadErr(event)" alt="" />
						<span v-text='infos.user.isLogin ? infos.user.UserName : "用户未登录"' ></span>
					</div>
					<div style="overflow: hidden;">
						<li class="my_flex my_flex_center cursor online_forum" v-bind:class='[{active:type==0}]' @click='change_type(0)'>在线社区</li>
						<li class="my_flex my_flex_center cursor " v-bind:class='[{active:type==1}]' @click='change_type(1)'>我的回复</li>
						<li class="my_flex my_flex_center cursor" v-bind:class='[{active:type==2}]' @click='change_type(2)'>我要发帖</li>
						<li class="my_flex my_flex_center cursor my_post" v-bind:class='[{active:type==3}]' @click='change_type(3)'>我的帖子</li>
					</div>
				</div>
				<!--右侧信息-->
				<div>
					<!--社区列表-->
					<!--<keep-alive>-->
						<community_forum v-if='type==0'></community_forum>
					<!--</keep-alive>-->
					<!--我的回复-->
						<my_back v-if="type==1"></my_back>
					<!--我要发帖-->
						<posting v-if="type==2"></posting>
					<!--我的帖子-->
						<my_post v-if="type==3"></my_post>
				</div>
			</div>
			<!--footer-->
			<m_bottom :user_info="globalData.userInfo"></m_bottom>			
			<!--loading-->
			<loading></loading>
		</div>
		<script src="src/md5.js"></script>
		<script src="src/jquery.js"></script>
		<script src="src/vue.min.js"></script>
		<script src="public/js/comm.js"></script>
		<script src="src/js/bootstrap.min.js"></script>
		<script src="src/js/bootstrapValidator.min.js"></script>
		
		<script src="src/swiper/swiper-3.4.2.jquery.min.js"></script>
		<!--组件-->
		<script src="public/component/change_page.js"></script>
		<script src="public/js/header_bottom.js"></script>
		<script src="public/component/community/forum.js"></script>
		<script src="public/component/community/my_back.js"></script>
		<script src="public/component/community/posting.js"></script>
		<script src="public/component/community/my_post.js"></script>
		<script src="js/community.js"></script>
	</body>

</html>